@quandis/qbo4.ui 4.0.1-CI-20240429-215003 → 4.0.1-CI-20240430-215338
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/readme.md +0 -1
- package/src/qbo/IApiService.d.ts +1 -0
- package/src/qbo/IApiService.ts +3 -0
- package/src/qbo/Program.js +2 -7
- package/src/qbo/Program.ts +2 -7
- package/src/qbo/RestApiService.d.ts +1 -0
- package/src/qbo/RestApiService.js +5 -0
- package/src/qbo/RestApiService.ts +6 -0
- package/src/qbo/qbo-contact.js +37 -37
- package/src/qbo/qbo-contact.ts +37 -37
- package/src/qbo/qbo-form-edit.d.ts +5 -0
- package/src/qbo/qbo-form-edit.js +30 -5
- package/src/qbo/qbo-form-edit.ts +20 -5
- package/src/qbo/qbo-form-element.js +2 -0
- package/src/qbo/qbo-form-element.ts +1 -0
- package/src/qbo/qbo-select.d.ts +4 -2
- package/src/qbo/qbo-select.js +14 -2
- package/src/qbo/qbo-select.ts +11 -1
- package/wwwroot/js/qbo4.ui-code.js +2 -2
- package/wwwroot/js/qbo4.ui-code.min.js +1 -1
- package/wwwroot/js/qbo4.ui-code.min.js.map +1 -1
- package/wwwroot/js/qbo4.ui.js +91 -52
- package/wwwroot/js/qbo4.ui.min.js +51 -51
- package/wwwroot/js/qbo4.ui.min.js.map +1 -1
package/package.json
CHANGED
package/readme.md
CHANGED
|
@@ -69,7 +69,6 @@ In this example, the `qms` is cloned in `getApiService`, and the `relativePath`
|
|
|
69
69
|
You can write your own `IApiService` class, and register it to qbo's DI container:
|
|
70
70
|
|
|
71
71
|
```typescript
|
|
72
|
-
import { services } from "@quandis/qbo4.logging";
|
|
73
72
|
import { services, IApiService } from "@quandis/qbo4.ui";
|
|
74
73
|
|
|
75
74
|
@injectable()
|
package/src/qbo/IApiService.d.ts
CHANGED
|
@@ -13,6 +13,7 @@ export interface IApiService {
|
|
|
13
13
|
* @param payload The payload to send to the API.
|
|
14
14
|
*/
|
|
15
15
|
fetch(relativePath: string | null, payload: Record<string, string> | null): Promise<any>;
|
|
16
|
+
clone(relativePath: string | null): IApiService;
|
|
16
17
|
}
|
|
17
18
|
/**
|
|
18
19
|
* Define a token for the IApiService interface
|
package/src/qbo/IApiService.ts
CHANGED
package/src/qbo/Program.js
CHANGED
|
@@ -112,14 +112,9 @@ export function elementData(element) {
|
|
|
112
112
|
export function getApiService(url) {
|
|
113
113
|
const parts = url.match(/api:\/\/([^/]+)/);
|
|
114
114
|
const name = parts ? parts[1] : url;
|
|
115
|
-
const relativePath = parts ? url.substring(`api://${name}`.length) : '';
|
|
115
|
+
const relativePath = parts ? url.substring(`api://${name}`.length + 1) : '';
|
|
116
116
|
const service = services.container.isRegistered(name)
|
|
117
117
|
? services.container.resolve(name)
|
|
118
118
|
: new RestApiService(url);
|
|
119
|
-
|
|
120
|
-
const clone = structuredClone(service);
|
|
121
|
-
clone.relativePath = relativePath;
|
|
122
|
-
return clone;
|
|
123
|
-
}
|
|
124
|
-
return service;
|
|
119
|
+
return (relativePath) ? service.clone(relativePath) : service;
|
|
125
120
|
}
|
package/src/qbo/Program.ts
CHANGED
|
@@ -120,15 +120,10 @@ export function elementData(element: HTMLElement) {
|
|
|
120
120
|
export function getApiService(url: string) {
|
|
121
121
|
const parts = url.match(/api:\/\/([^/]+)/);
|
|
122
122
|
const name = parts ? parts[1] : url;
|
|
123
|
-
const relativePath = parts ? url.substring(`api://${name}`.length) : '';
|
|
123
|
+
const relativePath = parts ? url.substring(`api://${name}`.length+1) : '';
|
|
124
124
|
const service: IApiService = services.container.isRegistered(name)
|
|
125
125
|
? services.container.resolve<IApiService>(name)
|
|
126
126
|
: new RestApiService(url);
|
|
127
127
|
|
|
128
|
-
|
|
129
|
-
const clone = structuredClone(service);
|
|
130
|
-
clone.relativePath = relativePath;
|
|
131
|
-
return clone;
|
|
132
|
-
}
|
|
133
|
-
return service;
|
|
128
|
+
return (relativePath) ? service.clone(relativePath) : service;
|
|
134
129
|
}
|
|
@@ -6,5 +6,6 @@ export declare class RestApiService implements IApiService {
|
|
|
6
6
|
relativePath: string;
|
|
7
7
|
constructor(apiEndpoint: string, headers?: HeadersInit, method?: string | null);
|
|
8
8
|
fetch(relativePath: string | null, payload?: Record<string, string> | null): Promise<any>;
|
|
9
|
+
clone(relativePath: string | null): IApiService;
|
|
9
10
|
}
|
|
10
11
|
export declare function registerRestApi(name: string, apiEndpoint: string, headers?: HeadersInit, method?: string | null): void;
|
|
@@ -24,6 +24,11 @@ export class RestApiService {
|
|
|
24
24
|
}
|
|
25
25
|
return response.json();
|
|
26
26
|
}
|
|
27
|
+
clone(relativePath) {
|
|
28
|
+
const clone = new RestApiService(this.apiEndpoint, this.headers, this.method);
|
|
29
|
+
clone.relativePath = relativePath ?? '';
|
|
30
|
+
return clone;
|
|
31
|
+
}
|
|
27
32
|
}
|
|
28
33
|
// Register a RestApiService with the default name 'default' and the base URL of the current page
|
|
29
34
|
services.container.registerInstance('default', new RestApiService(document.querySelector('base[href]')?.getAttribute('href') || window.location.origin));
|
|
@@ -35,6 +35,12 @@ export class RestApiService implements IApiService {
|
|
|
35
35
|
|
|
36
36
|
return response.json();
|
|
37
37
|
}
|
|
38
|
+
|
|
39
|
+
clone(relativePath: string | null): IApiService {
|
|
40
|
+
const clone = new RestApiService(this.apiEndpoint, this.headers, this.method);
|
|
41
|
+
clone.relativePath = relativePath ?? '';
|
|
42
|
+
return clone;
|
|
43
|
+
}
|
|
38
44
|
}
|
|
39
45
|
|
|
40
46
|
// Register a RestApiService with the default name 'default' and the base URL of the current page
|
package/src/qbo/qbo-contact.js
CHANGED
|
@@ -36,158 +36,158 @@ let QboContact = class QboContact extends LitElement {
|
|
|
36
36
|
async connectedCallback() {
|
|
37
37
|
super.connectedCallback();
|
|
38
38
|
const service = services.container.isRegistered(this.apiEndpoint) ? services.container.resolve(this.apiEndpoint) : new RestApiService(this.apiEndpoint);
|
|
39
|
-
this.jsonData = await service.fetch('contact/summary
|
|
39
|
+
this.jsonData = await service.fetch('contact/summary', { ID: `${this.contactId}` });
|
|
40
40
|
}
|
|
41
41
|
render() {
|
|
42
|
-
if (this.jsonData == undefined || (this.jsonData.ContactItem == undefined && this.contactId != null))
|
|
42
|
+
if (this.jsonData == undefined || this.jsonData.Root == undefined || (this.jsonData.Root.ContactItem == undefined && this.contactId != null))
|
|
43
43
|
return html `<p>Loading...</p>`;
|
|
44
44
|
return html `<slot>
|
|
45
45
|
<div class="${this.colSixClass}">
|
|
46
46
|
<label for="${this.contactName}" class="${this.formLabelSmallClass}">${this.contactLabel}</label>
|
|
47
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="${this.contactName}" value="${this.jsonData?.ContactItem?.Contact}"/>
|
|
47
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="${this.contactName}" value="${this.jsonData?.Root?.ContactItem?.Contact}"/>
|
|
48
48
|
</div>
|
|
49
49
|
<div class="${this.colSixClass}">
|
|
50
50
|
<label for="ContactTemplateID" class="${this.formLabelSmallClass}">Template</label>
|
|
51
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="ContactTemplateID" apiEndpoint="/
|
|
51
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="ContactTemplateID" apiEndpoint="api://qbo/contacttemplate/listwhere?appliesto=${this.jsonData?.Root?.ContactItem?.Object}" defaultValue="${this.jsonData?.Root?.ContactItem?.ContactTemplateID}"></qbo-select>
|
|
52
52
|
</div>
|
|
53
53
|
<div class="${this.colSixClass}">
|
|
54
54
|
<label for="Status" class="${this.formLabelSmallClass}">Status</label>
|
|
55
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="Status" apiEndpoint="/
|
|
55
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="Status" apiEndpoint="api://qbo/objectstatus/customlist?object=Contact&objectid=${this.jsonData?.Root?.ContactItem?.ContactTemplateID}" optionValue="ObjectStatus" defaultValue="${this.jsonData?.Root?.ContactItem?.Status}"></qbo-select>
|
|
56
56
|
</div>
|
|
57
57
|
<div class="${this.colSixClass}">
|
|
58
58
|
<label for="ContactType" class="${this.formLabelSmallClass}">Type</label>
|
|
59
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="ContactType" apiEndpoint="/
|
|
59
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="ContactType" apiEndpoint="api://qbo/objecttype/customlist?object=Contact&objectid=${this.jsonData?.Root?.ContactItem?.ContactTemplateID}" optionValue="ObjectType" defaultValue="${this.jsonData?.Root?.ContactItem?.ContactType}"></qbo-select>
|
|
60
60
|
</div>
|
|
61
61
|
<div class="${this.colFourClass}">
|
|
62
62
|
<label for="Phone" class="${this.formLabelSmallClass}">Phone</label>
|
|
63
|
-
<input type="tel" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Phone" value="${this.jsonData?.ContactItem?.Phone}"/>
|
|
63
|
+
<input type="tel" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Phone" value="${this.jsonData?.Root?.ContactItem?.Phone}"/>
|
|
64
64
|
</div>
|
|
65
65
|
<div class="${this.colFourClass}">
|
|
66
66
|
<label for="Email" class="${this.formLabelSmallClass}">Email</label>
|
|
67
|
-
<input type="email" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Email" value="${this.jsonData?.ContactItem?.Email}"/>
|
|
67
|
+
<input type="email" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Email" value="${this.jsonData?.Root?.ContactItem?.Email}"/>
|
|
68
68
|
</div>
|
|
69
69
|
<div class="${this.colFourClass}">
|
|
70
70
|
<label for="Title" class="${this.formLabelSmallClass}">Title</label>
|
|
71
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Title" value="${this.jsonData?.ContactItem?.Title}"/>
|
|
71
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Title" value="${this.jsonData?.Root?.ContactItem?.Title}"/>
|
|
72
72
|
</div>
|
|
73
73
|
<div class="${this.divSectionHeaderClass}">
|
|
74
74
|
<h5>Location</h5>
|
|
75
75
|
</div>
|
|
76
76
|
<div class="${this.colTwelveClass}">
|
|
77
77
|
<label for="Company" class="${this.formLabelSmallClass}">Company</label>
|
|
78
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Company" value="${this.jsonData?.ContactItem?.Company}"/>
|
|
78
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Company" value="${this.jsonData?.Root?.ContactItem?.Company}"/>
|
|
79
79
|
</div>
|
|
80
80
|
<div class="${this.colTwelveClass}">
|
|
81
81
|
<label for="Address" class="${this.formLabelSmallClass}">Address</label>
|
|
82
|
-
<textarea ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Address">${this.jsonData?.ContactItem?.Address}</textarea>
|
|
82
|
+
<textarea ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Address">${this.jsonData?.Root?.ContactItem?.Address}</textarea>
|
|
83
83
|
</div>
|
|
84
84
|
<div class="${this.colSixClass}">
|
|
85
85
|
<label for="City" class="${this.formLabelSmallClass}">City</label>
|
|
86
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="City" value="${this.jsonData?.ContactItem?.City}"/>
|
|
86
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="City" value="${this.jsonData?.Root?.ContactItem?.City}"/>
|
|
87
87
|
</div>
|
|
88
88
|
<div class="${this.colThreeClass}">
|
|
89
89
|
<label for="State" class="${this.formLabelSmallClass}">State</label>
|
|
90
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="State" apiEndpoint="/
|
|
90
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="State" apiEndpoint="api://qbo/state/list" optionValue="State" defaultValue="${this.jsonData?.Root?.ContactItem?.State}"></qbo-select>
|
|
91
91
|
</div>
|
|
92
92
|
<div class="${this.colThreeClass}">
|
|
93
93
|
<label for="PostalCode" class="${this.formLabelSmallClass}">Postal Code</label>
|
|
94
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="PostalCode" pattern="\d{5}-?(\d{4})?" value="${this.jsonData?.ContactItem?.PostalCode}"/>
|
|
94
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="PostalCode" pattern="\d{5}-?(\d{4})?" value="${this.jsonData?.Root?.ContactItem?.PostalCode}"/>
|
|
95
95
|
</div>
|
|
96
96
|
<div class="${this.colSixClass}">
|
|
97
97
|
<label for="Country" class="${this.formLabelSmallClass}">Country</label>
|
|
98
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Country" value="${this.jsonData?.ContactItem?.Country}"/>
|
|
98
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Country" value="${this.jsonData?.Root?.ContactItem?.Country}"/>
|
|
99
99
|
</div>
|
|
100
100
|
<div class="${this.colThreeClass}">
|
|
101
101
|
<label for="Latitude" class="${this.formLabelSmallClass}">Latitude</label>
|
|
102
|
-
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Latitude" value="${this.jsonData?.ContactItem?.Latitude}"/>
|
|
102
|
+
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Latitude" value="${this.jsonData?.Root?.ContactItem?.Latitude}"/>
|
|
103
103
|
</div>
|
|
104
104
|
<div class="${this.colThreeClass}">
|
|
105
105
|
<label for="Longitude" class="${this.formLabelSmallClass}">Longitude</label>
|
|
106
|
-
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Longitude" value="${this.jsonData?.ContactItem?.Longitude}"/>
|
|
106
|
+
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Longitude" value="${this.jsonData?.Root?.ContactItem?.Longitude}"/>
|
|
107
107
|
</div>
|
|
108
108
|
<div class="${this.divSectionHeaderClass}">
|
|
109
109
|
<h5>Identity</h5>
|
|
110
110
|
</div>
|
|
111
111
|
<div class="${this.colThreeClass}">
|
|
112
112
|
<label for="USSSN" class="${this.formLabelSmallClass}">SSN</label>
|
|
113
|
-
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="USSSN" value="${this.jsonData?.ContactItem?.USSSN}"/>
|
|
113
|
+
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="USSSN" value="${this.jsonData?.Root?.ContactItem?.USSSN}"/>
|
|
114
114
|
</div>
|
|
115
115
|
<div class="${this.colThreeClass}">
|
|
116
116
|
<label for="TIN" class="${this.formLabelSmallClass}">TIN</label>
|
|
117
|
-
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="TIN" value="${this.jsonData?.ContactItem?.TIN}"/>
|
|
117
|
+
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="TIN" value="${this.jsonData?.Root?.ContactItem?.TIN}"/>
|
|
118
118
|
</div>
|
|
119
119
|
<div class="${this.colThreeClass}">
|
|
120
120
|
<label for="Nationality" class="${this.formLabelSmallClass}">Nationality</label>
|
|
121
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="Nationality" apiEndpoint="/
|
|
121
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="Nationality" apiEndpoint="api://qbo/objecttype/list?object=Contact.Nationality" optionValue="ObjectType" defaultValue="${this.jsonData?.Root?.ContactItem?.Nationality}"></qbo-select>
|
|
122
122
|
</div>
|
|
123
123
|
<div class="${this.colThreeClass}">
|
|
124
124
|
<label for="SpokenLanguage" class="${this.formLabelSmallClass}">Spoken Language</label>
|
|
125
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="SpokenLanguage" apiEndpoint="/
|
|
125
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="SpokenLanguage" apiEndpoint="api://qbo/objecttype/list?object=Contact.SpokenLanguage" optionValue="ObjectType" defaultValue="${this.jsonData?.Root?.ContactItem?.SpokenLanguage}"></qbo-select>
|
|
126
126
|
</div>
|
|
127
127
|
<div class="${this.colThreeClass}">
|
|
128
128
|
<label for="BirthDate" class="${this.formLabelSmallClass}">Birth Date</label>
|
|
129
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="BirthDate" value="${this.jsonData?.ContactItem?.BirthDate}"/>
|
|
129
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="BirthDate" value="${this.jsonData?.Root?.ContactItem?.BirthDate}"/>
|
|
130
130
|
</div>
|
|
131
131
|
<div class="${this.colThreeClass}">
|
|
132
132
|
<label for="DeathDate" class="${this.formLabelSmallClass}">Death Date</label>
|
|
133
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="DeathDate" value="${this.jsonData?.ContactItem?.DeathDate}"/>
|
|
133
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="DeathDate" value="${this.jsonData?.Root?.ContactItem?.DeathDate}"/>
|
|
134
134
|
</div>
|
|
135
135
|
<div class="${this.colThreeClass}">
|
|
136
136
|
<label for="ValidStart" class="${this.formLabelSmallClass}">Valid Start</label>
|
|
137
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidStart" value="${this.jsonData?.ContactItem?.ValidStart}"/>
|
|
137
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidStart" value="${this.jsonData?.Root?.ContactItem?.ValidStart}"/>
|
|
138
138
|
</div>
|
|
139
139
|
<div class="${this.colThreeClass}">
|
|
140
140
|
<label for="ValidEnd" class="${this.formLabelSmallClass}">Valid End</label>
|
|
141
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidEnd" value="${this.jsonData?.ContactItem?.ValidEnd}"/>
|
|
141
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidEnd" value="${this.jsonData?.Root?.ContactItem?.ValidEnd}"/>
|
|
142
142
|
</div>
|
|
143
143
|
<div class="${this.colSixClass}">
|
|
144
144
|
<label for="VerifiedSource" class="${this.formLabelSmallClass}">Verified Source</label>
|
|
145
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedSource" value="${this.jsonData?.ContactItem?.VerifiedSource}"/>
|
|
145
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedSource" value="${this.jsonData?.Root?.ContactItem?.VerifiedSource}"/>
|
|
146
146
|
</div>
|
|
147
147
|
<div class="${this.colThreeClass}">
|
|
148
148
|
<label for="VerifiedDate" class="${this.formLabelSmallClass}">Verified Date</label>
|
|
149
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedDate" value="${this.jsonData?.ContactItem?.VerifiedDate}"/>
|
|
149
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedDate" value="${this.jsonData?.Root?.ContactItem?.VerifiedDate}"/>
|
|
150
150
|
</div>
|
|
151
151
|
<div class="${this.colThreeClass}">
|
|
152
152
|
<label for="VerifiedConfidence" class="${this.formLabelSmallClass}">Verified Confidence</label>
|
|
153
|
-
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedConfidence" value="${this.jsonData?.ContactItem?.VerifiedConfidence}"/>
|
|
153
|
+
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedConfidence" value="${this.jsonData?.Root?.ContactItem?.VerifiedConfidence}"/>
|
|
154
154
|
</div>
|
|
155
155
|
<div class="${this.divSectionHeaderClass}">
|
|
156
156
|
<h5>SCRA</h5>
|
|
157
157
|
</div>
|
|
158
158
|
<div class="${this.colThreeClass}">
|
|
159
159
|
<label for="SCRAStatus" class="${this.formLabelSmallClass}">SCRA Status</label>
|
|
160
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="SCRAStatus" apiEndpoint="/
|
|
160
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="SCRAStatus" apiEndpoint="api://qbo/objecttype/list?object=Contact.SCRAStatus" optionValue="ObjectType" defaultValue="${this.jsonData?.Root?.ContactItem?.SCRAStatus}"></qbo-select>
|
|
161
161
|
</div>
|
|
162
162
|
<div class="${this.colThreeClass}">
|
|
163
163
|
<label for="SCRAStatusAsOf" class="${this.formLabelSmallClass}">SCRA Status As Of</label>
|
|
164
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStatusAsOf" value="${this.jsonData?.ContactItem?.SCRAStatusAsOf}"/>
|
|
164
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStatusAsOf" value="${this.jsonData?.Root?.ContactItem?.SCRAStatusAsOf}"/>
|
|
165
165
|
</div>
|
|
166
166
|
<div class="${this.colThreeClass}">
|
|
167
167
|
<label for="SCRAStartDate" class="${this.formLabelSmallClass}">SCRA Start Date</label>
|
|
168
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStartDate" value="${this.jsonData?.ContactItem?.SCRAStartDate}"/>
|
|
168
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStartDate" value="${this.jsonData?.Root?.ContactItem?.SCRAStartDate}"/>
|
|
169
169
|
</div>
|
|
170
170
|
<div class="${this.colThreeClass}">
|
|
171
171
|
<label for="SCRADischargeDate" class="${this.formLabelSmallClass}">SCRA Discharge Date</label>
|
|
172
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRADischargeDate" value="${this.jsonData?.ContactItem?.SCRADischargeDate}"/>
|
|
172
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRADischargeDate" value="${this.jsonData?.Root?.ContactItem?.SCRADischargeDate}"/>
|
|
173
173
|
</div>
|
|
174
174
|
<div class="${this.colThreeClass}">
|
|
175
175
|
<label for="SCRAVerified" class="${this.formLabelSmallClass}">SCRA Verified</label>
|
|
176
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAVerified" value="${this.jsonData?.ContactItem?.SCRAVerified}"/>
|
|
176
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAVerified" value="${this.jsonData?.Root?.ContactItem?.SCRAVerified}"/>
|
|
177
177
|
</div>
|
|
178
178
|
<div class="${this.colThreeClass}">
|
|
179
179
|
<label for="SCRAVerifiedDate" class="${this.formLabelSmallClass}">SCRA Verified Date</label>
|
|
180
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAVerifiedDate" value="${this.jsonData?.ContactItem?.SCRAVerifiedDate}"/>
|
|
180
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAVerifiedDate" value="${this.jsonData?.Root?.ContactItem?.SCRAVerifiedDate}"/>
|
|
181
181
|
</div>
|
|
182
182
|
<div class="${this.colThreeClass}">
|
|
183
183
|
<label for="SCRASource" class="${this.formLabelSmallClass}">SCRA Source</label>
|
|
184
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRASource" value="${this.jsonData?.ContactItem?.SCRASource}"/>
|
|
184
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRASource" value="${this.jsonData?.Root?.ContactItem?.SCRASource}"/>
|
|
185
185
|
</div>
|
|
186
186
|
<div class="${this.colThreeClass}">
|
|
187
187
|
<label for="SCRAID" class="${this.formLabelSmallClass}">SCRA ID</label>
|
|
188
|
-
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAID" value="${this.jsonData?.ContactItem?.SCRAID}"/>
|
|
188
|
+
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAID" value="${this.jsonData?.Root?.ContactItem?.SCRAID}"/>
|
|
189
189
|
</div>
|
|
190
|
-
<qbo-form-edit createdDate="${this.jsonData?.ContactItem?.CreatedDate}" createdPerson="${this.jsonData?.ContactItem?.CreatedPerson}" updatedDate="${this.jsonData?.ContactItem?.UpdatedDate}" updatedPerson="${this.jsonData?.ContactItem?.UpdatedPerson}"></qbo-select>
|
|
190
|
+
<qbo-form-edit createdDate="${this.jsonData?.Root?.ContactItem?.CreatedDate}" createdPerson="${this.jsonData?.Root?.ContactItem?.CreatedPerson}" updatedDate="${this.jsonData?.Root?.ContactItem?.UpdatedDate}" updatedPerson="${this.jsonData?.Root?.ContactItem?.UpdatedPerson}"></qbo-select>
|
|
191
191
|
</slot>`;
|
|
192
192
|
}
|
|
193
193
|
};
|
package/src/qbo/qbo-contact.ts
CHANGED
|
@@ -60,159 +60,159 @@ export class QboContact extends LitElement {
|
|
|
60
60
|
super.connectedCallback();
|
|
61
61
|
|
|
62
62
|
const service: IApiService = services.container.isRegistered(this.apiEndpoint) ? services.container.resolve<IApiService>(this.apiEndpoint) : new RestApiService(this.apiEndpoint);
|
|
63
|
-
this.jsonData = await service.fetch('contact/summary
|
|
63
|
+
this.jsonData = await service.fetch('contact/summary', { ID: `${this.contactId}` });
|
|
64
64
|
}
|
|
65
65
|
|
|
66
66
|
render() {
|
|
67
|
-
if (this.jsonData == undefined || (this.jsonData.ContactItem == undefined && this.contactId != null)) return html`<p>Loading...</p>`;
|
|
67
|
+
if (this.jsonData == undefined || this.jsonData.Root == undefined || (this.jsonData.Root.ContactItem == undefined && this.contactId != null)) return html`<p>Loading...</p>`;
|
|
68
68
|
|
|
69
69
|
return html`<slot>
|
|
70
70
|
<div class="${this.colSixClass}">
|
|
71
71
|
<label for="${this.contactName}" class="${this.formLabelSmallClass}">${this.contactLabel}</label>
|
|
72
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="${this.contactName}" value="${this.jsonData?.ContactItem?.Contact}"/>
|
|
72
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="${this.contactName}" value="${this.jsonData?.Root?.ContactItem?.Contact}"/>
|
|
73
73
|
</div>
|
|
74
74
|
<div class="${this.colSixClass}">
|
|
75
75
|
<label for="ContactTemplateID" class="${this.formLabelSmallClass}">Template</label>
|
|
76
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="ContactTemplateID" apiEndpoint="/
|
|
76
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="ContactTemplateID" apiEndpoint="api://qbo/contacttemplate/listwhere?appliesto=${this.jsonData?.Root?.ContactItem?.Object}" defaultValue="${this.jsonData?.Root?.ContactItem?.ContactTemplateID}"></qbo-select>
|
|
77
77
|
</div>
|
|
78
78
|
<div class="${this.colSixClass}">
|
|
79
79
|
<label for="Status" class="${this.formLabelSmallClass}">Status</label>
|
|
80
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="Status" apiEndpoint="/
|
|
80
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="Status" apiEndpoint="api://qbo/objectstatus/customlist?object=Contact&objectid=${this.jsonData?.Root?.ContactItem?.ContactTemplateID}" optionValue="ObjectStatus" defaultValue="${this.jsonData?.Root?.ContactItem?.Status}"></qbo-select>
|
|
81
81
|
</div>
|
|
82
82
|
<div class="${this.colSixClass}">
|
|
83
83
|
<label for="ContactType" class="${this.formLabelSmallClass}">Type</label>
|
|
84
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="ContactType" apiEndpoint="/
|
|
84
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="ContactType" apiEndpoint="api://qbo/objecttype/customlist?object=Contact&objectid=${this.jsonData?.Root?.ContactItem?.ContactTemplateID}" optionValue="ObjectType" defaultValue="${this.jsonData?.Root?.ContactItem?.ContactType}"></qbo-select>
|
|
85
85
|
</div>
|
|
86
86
|
<div class="${this.colFourClass}">
|
|
87
87
|
<label for="Phone" class="${this.formLabelSmallClass}">Phone</label>
|
|
88
|
-
<input type="tel" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Phone" value="${this.jsonData?.ContactItem?.Phone}"/>
|
|
88
|
+
<input type="tel" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Phone" value="${this.jsonData?.Root?.ContactItem?.Phone}"/>
|
|
89
89
|
</div>
|
|
90
90
|
<div class="${this.colFourClass}">
|
|
91
91
|
<label for="Email" class="${this.formLabelSmallClass}">Email</label>
|
|
92
|
-
<input type="email" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Email" value="${this.jsonData?.ContactItem?.Email}"/>
|
|
92
|
+
<input type="email" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Email" value="${this.jsonData?.Root?.ContactItem?.Email}"/>
|
|
93
93
|
</div>
|
|
94
94
|
<div class="${this.colFourClass}">
|
|
95
95
|
<label for="Title" class="${this.formLabelSmallClass}">Title</label>
|
|
96
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Title" value="${this.jsonData?.ContactItem?.Title}"/>
|
|
96
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Title" value="${this.jsonData?.Root?.ContactItem?.Title}"/>
|
|
97
97
|
</div>
|
|
98
98
|
<div class="${this.divSectionHeaderClass}">
|
|
99
99
|
<h5>Location</h5>
|
|
100
100
|
</div>
|
|
101
101
|
<div class="${this.colTwelveClass}">
|
|
102
102
|
<label for="Company" class="${this.formLabelSmallClass}">Company</label>
|
|
103
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Company" value="${this.jsonData?.ContactItem?.Company}"/>
|
|
103
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Company" value="${this.jsonData?.Root?.ContactItem?.Company}"/>
|
|
104
104
|
</div>
|
|
105
105
|
<div class="${this.colTwelveClass}">
|
|
106
106
|
<label for="Address" class="${this.formLabelSmallClass}">Address</label>
|
|
107
|
-
<textarea ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Address">${this.jsonData?.ContactItem?.Address}</textarea>
|
|
107
|
+
<textarea ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Address">${this.jsonData?.Root?.ContactItem?.Address}</textarea>
|
|
108
108
|
</div>
|
|
109
109
|
<div class="${this.colSixClass}">
|
|
110
110
|
<label for="City" class="${this.formLabelSmallClass}">City</label>
|
|
111
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="City" value="${this.jsonData?.ContactItem?.City}"/>
|
|
111
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="City" value="${this.jsonData?.Root?.ContactItem?.City}"/>
|
|
112
112
|
</div>
|
|
113
113
|
<div class="${this.colThreeClass}">
|
|
114
114
|
<label for="State" class="${this.formLabelSmallClass}">State</label>
|
|
115
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="State" apiEndpoint="/
|
|
115
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="State" apiEndpoint="api://qbo/state/list" optionValue="State" defaultValue="${this.jsonData?.Root?.ContactItem?.State}"></qbo-select>
|
|
116
116
|
</div>
|
|
117
117
|
<div class="${this.colThreeClass}">
|
|
118
118
|
<label for="PostalCode" class="${this.formLabelSmallClass}">Postal Code</label>
|
|
119
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="PostalCode" pattern="\d{5}-?(\d{4})?" value="${this.jsonData?.ContactItem?.PostalCode}"/>
|
|
119
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="PostalCode" pattern="\d{5}-?(\d{4})?" value="${this.jsonData?.Root?.ContactItem?.PostalCode}"/>
|
|
120
120
|
</div>
|
|
121
121
|
<div class="${this.colSixClass}">
|
|
122
122
|
<label for="Country" class="${this.formLabelSmallClass}">Country</label>
|
|
123
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Country" value="${this.jsonData?.ContactItem?.Country}"/>
|
|
123
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Country" value="${this.jsonData?.Root?.ContactItem?.Country}"/>
|
|
124
124
|
</div>
|
|
125
125
|
<div class="${this.colThreeClass}">
|
|
126
126
|
<label for="Latitude" class="${this.formLabelSmallClass}">Latitude</label>
|
|
127
|
-
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Latitude" value="${this.jsonData?.ContactItem?.Latitude}"/>
|
|
127
|
+
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Latitude" value="${this.jsonData?.Root?.ContactItem?.Latitude}"/>
|
|
128
128
|
</div>
|
|
129
129
|
<div class="${this.colThreeClass}">
|
|
130
130
|
<label for="Longitude" class="${this.formLabelSmallClass}">Longitude</label>
|
|
131
|
-
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Longitude" value="${this.jsonData?.ContactItem?.Longitude}"/>
|
|
131
|
+
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="Longitude" value="${this.jsonData?.Root?.ContactItem?.Longitude}"/>
|
|
132
132
|
</div>
|
|
133
133
|
<div class="${this.divSectionHeaderClass}">
|
|
134
134
|
<h5>Identity</h5>
|
|
135
135
|
</div>
|
|
136
136
|
<div class="${this.colThreeClass}">
|
|
137
137
|
<label for="USSSN" class="${this.formLabelSmallClass}">SSN</label>
|
|
138
|
-
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="USSSN" value="${this.jsonData?.ContactItem?.USSSN}"/>
|
|
138
|
+
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="USSSN" value="${this.jsonData?.Root?.ContactItem?.USSSN}"/>
|
|
139
139
|
</div>
|
|
140
140
|
<div class="${this.colThreeClass}">
|
|
141
141
|
<label for="TIN" class="${this.formLabelSmallClass}">TIN</label>
|
|
142
|
-
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="TIN" value="${this.jsonData?.ContactItem?.TIN}"/>
|
|
142
|
+
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="TIN" value="${this.jsonData?.Root?.ContactItem?.TIN}"/>
|
|
143
143
|
</div>
|
|
144
144
|
<div class="${this.colThreeClass}">
|
|
145
145
|
<label for="Nationality" class="${this.formLabelSmallClass}">Nationality</label>
|
|
146
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="Nationality" apiEndpoint="/
|
|
146
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="Nationality" apiEndpoint="api://qbo/objecttype/list?object=Contact.Nationality" optionValue="ObjectType" defaultValue="${this.jsonData?.Root?.ContactItem?.Nationality}"></qbo-select>
|
|
147
147
|
</div>
|
|
148
148
|
<div class="${this.colThreeClass}">
|
|
149
149
|
<label for="SpokenLanguage" class="${this.formLabelSmallClass}">Spoken Language</label>
|
|
150
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="SpokenLanguage" apiEndpoint="/
|
|
150
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="SpokenLanguage" apiEndpoint="api://qbo/objecttype/list?object=Contact.SpokenLanguage" optionValue="ObjectType" defaultValue="${this.jsonData?.Root?.ContactItem?.SpokenLanguage}"></qbo-select>
|
|
151
151
|
</div>
|
|
152
152
|
<div class="${this.colThreeClass}">
|
|
153
153
|
<label for="BirthDate" class="${this.formLabelSmallClass}">Birth Date</label>
|
|
154
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="BirthDate" value="${this.jsonData?.ContactItem?.BirthDate}"/>
|
|
154
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="BirthDate" value="${this.jsonData?.Root?.ContactItem?.BirthDate}"/>
|
|
155
155
|
</div>
|
|
156
156
|
<div class="${this.colThreeClass}">
|
|
157
157
|
<label for="DeathDate" class="${this.formLabelSmallClass}">Death Date</label>
|
|
158
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="DeathDate" value="${this.jsonData?.ContactItem?.DeathDate}"/>
|
|
158
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="DeathDate" value="${this.jsonData?.Root?.ContactItem?.DeathDate}"/>
|
|
159
159
|
</div>
|
|
160
160
|
<div class="${this.colThreeClass}">
|
|
161
161
|
<label for="ValidStart" class="${this.formLabelSmallClass}">Valid Start</label>
|
|
162
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidStart" value="${this.jsonData?.ContactItem?.ValidStart}"/>
|
|
162
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidStart" value="${this.jsonData?.Root?.ContactItem?.ValidStart}"/>
|
|
163
163
|
</div>
|
|
164
164
|
<div class="${this.colThreeClass}">
|
|
165
165
|
<label for="ValidEnd" class="${this.formLabelSmallClass}">Valid End</label>
|
|
166
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidEnd" value="${this.jsonData?.ContactItem?.ValidEnd}"/>
|
|
166
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="ValidEnd" value="${this.jsonData?.Root?.ContactItem?.ValidEnd}"/>
|
|
167
167
|
</div>
|
|
168
168
|
<div class="${this.colSixClass}">
|
|
169
169
|
<label for="VerifiedSource" class="${this.formLabelSmallClass}">Verified Source</label>
|
|
170
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedSource" value="${this.jsonData?.ContactItem?.VerifiedSource}"/>
|
|
170
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedSource" value="${this.jsonData?.Root?.ContactItem?.VerifiedSource}"/>
|
|
171
171
|
</div>
|
|
172
172
|
<div class="${this.colThreeClass}">
|
|
173
173
|
<label for="VerifiedDate" class="${this.formLabelSmallClass}">Verified Date</label>
|
|
174
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedDate" value="${this.jsonData?.ContactItem?.VerifiedDate}"/>
|
|
174
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedDate" value="${this.jsonData?.Root?.ContactItem?.VerifiedDate}"/>
|
|
175
175
|
</div>
|
|
176
176
|
<div class="${this.colThreeClass}">
|
|
177
177
|
<label for="VerifiedConfidence" class="${this.formLabelSmallClass}">Verified Confidence</label>
|
|
178
|
-
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedConfidence" value="${this.jsonData?.ContactItem?.VerifiedConfidence}"/>
|
|
178
|
+
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="VerifiedConfidence" value="${this.jsonData?.Root?.ContactItem?.VerifiedConfidence}"/>
|
|
179
179
|
</div>
|
|
180
180
|
<div class="${this.divSectionHeaderClass}">
|
|
181
181
|
<h5>SCRA</h5>
|
|
182
182
|
</div>
|
|
183
183
|
<div class="${this.colThreeClass}">
|
|
184
184
|
<label for="SCRAStatus" class="${this.formLabelSmallClass}">SCRA Status</label>
|
|
185
|
-
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="SCRAStatus" apiEndpoint="/
|
|
185
|
+
<qbo-select ?disabled=${this.disabled} class="${this.formSelectSmallClass}" name="SCRAStatus" apiEndpoint="api://qbo/objecttype/list?object=Contact.SCRAStatus" optionValue="ObjectType" defaultValue="${this.jsonData?.Root?.ContactItem?.SCRAStatus}"></qbo-select>
|
|
186
186
|
</div>
|
|
187
187
|
<div class="${this.colThreeClass}">
|
|
188
188
|
<label for="SCRAStatusAsOf" class="${this.formLabelSmallClass}">SCRA Status As Of</label>
|
|
189
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStatusAsOf" value="${this.jsonData?.ContactItem?.SCRAStatusAsOf}"/>
|
|
189
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStatusAsOf" value="${this.jsonData?.Root?.ContactItem?.SCRAStatusAsOf}"/>
|
|
190
190
|
</div>
|
|
191
191
|
<div class="${this.colThreeClass}">
|
|
192
192
|
<label for="SCRAStartDate" class="${this.formLabelSmallClass}">SCRA Start Date</label>
|
|
193
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStartDate" value="${this.jsonData?.ContactItem?.SCRAStartDate}"/>
|
|
193
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAStartDate" value="${this.jsonData?.Root?.ContactItem?.SCRAStartDate}"/>
|
|
194
194
|
</div>
|
|
195
195
|
<div class="${this.colThreeClass}">
|
|
196
196
|
<label for="SCRADischargeDate" class="${this.formLabelSmallClass}">SCRA Discharge Date</label>
|
|
197
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRADischargeDate" value="${this.jsonData?.ContactItem?.SCRADischargeDate}"/>
|
|
197
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRADischargeDate" value="${this.jsonData?.Root?.ContactItem?.SCRADischargeDate}"/>
|
|
198
198
|
</div>
|
|
199
199
|
<div class="${this.colThreeClass}">
|
|
200
200
|
<label for="SCRAVerified" class="${this.formLabelSmallClass}">SCRA Verified</label>
|
|
201
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAVerified" value="${this.jsonData?.ContactItem?.SCRAVerified}"/>
|
|
201
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAVerified" value="${this.jsonData?.Root?.ContactItem?.SCRAVerified}"/>
|
|
202
202
|
</div>
|
|
203
203
|
<div class="${this.colThreeClass}">
|
|
204
204
|
<label for="SCRAVerifiedDate" class="${this.formLabelSmallClass}">SCRA Verified Date</label>
|
|
205
|
-
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAVerifiedDate" value="${this.jsonData?.ContactItem?.SCRAVerifiedDate}"/>
|
|
205
|
+
<input type="date" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAVerifiedDate" value="${this.jsonData?.Root?.ContactItem?.SCRAVerifiedDate}"/>
|
|
206
206
|
</div>
|
|
207
207
|
<div class="${this.colThreeClass}">
|
|
208
208
|
<label for="SCRASource" class="${this.formLabelSmallClass}">SCRA Source</label>
|
|
209
|
-
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRASource" value="${this.jsonData?.ContactItem?.SCRASource}"/>
|
|
209
|
+
<input type="text" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRASource" value="${this.jsonData?.Root?.ContactItem?.SCRASource}"/>
|
|
210
210
|
</div>
|
|
211
211
|
<div class="${this.colThreeClass}">
|
|
212
212
|
<label for="SCRAID" class="${this.formLabelSmallClass}">SCRA ID</label>
|
|
213
|
-
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAID" value="${this.jsonData?.ContactItem?.SCRAID}"/>
|
|
213
|
+
<input type="number" ?disabled=${this.disabled} class="${this.formControlSmallClass}" name="SCRAID" value="${this.jsonData?.Root?.ContactItem?.SCRAID}"/>
|
|
214
214
|
</div>
|
|
215
|
-
<qbo-form-edit createdDate="${this.jsonData?.ContactItem?.CreatedDate}" createdPerson="${this.jsonData?.ContactItem?.CreatedPerson}" updatedDate="${this.jsonData?.ContactItem?.UpdatedDate}" updatedPerson="${this.jsonData?.ContactItem?.UpdatedPerson}"></qbo-select>
|
|
215
|
+
<qbo-form-edit createdDate="${this.jsonData?.Root?.ContactItem?.CreatedDate}" createdPerson="${this.jsonData?.Root?.ContactItem?.CreatedPerson}" updatedDate="${this.jsonData?.Root?.ContactItem?.UpdatedDate}" updatedPerson="${this.jsonData?.Root?.ContactItem?.UpdatedPerson}"></qbo-select>
|
|
216
216
|
</slot>`;
|
|
217
217
|
}
|
|
218
218
|
}
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
export declare class QboFormEdit extends LitElement {
|
|
3
|
+
buttonPrimaryClass: String | null;
|
|
3
4
|
createdDate: null;
|
|
4
5
|
createdPerson: null;
|
|
6
|
+
divButtonGroupClass: String | null;
|
|
7
|
+
divFormActionClass: String | null;
|
|
8
|
+
divSectionHeaderClass: String | null;
|
|
9
|
+
editLabel: String | null;
|
|
5
10
|
updatedDate: null;
|
|
6
11
|
updatedPerson: null;
|
|
7
12
|
renderInHost: boolean;
|